<template>
<el-container class="layout-container">
 <LayoutAside></LayoutAside>
 <el-container direction="vertical">
    <LayoutHeader></LayoutHeader>
    <LayoutMain></LayoutMain>
 </el-container>
</el-container>
</template>
<script setup lang='ts'>
import { defineAsyncComponent } from 'vue';
//侧边栏组件
const LayoutAside = defineAsyncComponent(()=>import('./LayoutAside/index.vue'))
//头部组件
const LayoutHeader = defineAsyncComponent(()=>import('./LayoutHeader/index.vue'))
//主体组件
const LayoutMain = defineAsyncComponent(()=>import('./LayoutMain/index.vue'))
</script>
<style lang='scss' scoped>

</style>